<template>
<div>
  <div class="gzujian">
        <el-menu
          default-active="4"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          background-color="transparent"
          text-color="#fff"
         >
          <el-menu-item index="1" style='padding-left:18px!important;margin-top:3em;' @click.native = "gchangePage('/Administrator/adminSettings')">

            <el-tooltip class="item" effect="dark" content="设置" placement="right" >
             <i class="iconfont iconshezhi"></i>
            </el-tooltip>
          </el-menu-item>
          <el-menu-item index="2" style='padding-left:20px!important;'>
             <el-tooltip class="item" effect="dark" content="信息" placement="right">
                <i class="iconfont iconxinxi1"></i>
            </el-tooltip>
          </el-menu-item>
           <el-submenu index="3">
            <template slot="title">
              <el-tooltip class="item" effect="dark" content="课程表" placement="right">
                <i class="iconfont iconkechengbiao"></i>
            </el-tooltip>
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1" style='padding-left:0px!important;'  @click.native = "gchangePage('/Administrator/adminmodule')">
                  <el-tooltip class="item" effect="dark" content="上传" placement="right">
                  <i class="iconfont iconiconfontshangchuan"></i>
                  </el-tooltip>
              </el-menu-item>
               <el-menu-item index="1-2" style='padding-left:0px!important;' @click.native = "gchangePage('/Administrator/Display_one')">
                  <el-tooltip class="item" effect="dark" content="显示" placement="right">
                  <i class="iconfont iconxianshi"></i>
                  </el-tooltip>
              </el-menu-item>
              <router-link to="/Administrator/guize1" tag="div">
               <el-menu-item index="1-3" style='padding-left:0px!important;'>
                  <el-tooltip class="item" effect="dark" content="模板上传下载" placement="right">
                  <i class="iconfont iconmobanshangchuanxiazai"></i>
                  </el-tooltip>
              </el-menu-item>
              </router-link>
               <el-menu-item index="1-4" style='padding-left:0px!important;' @click.native = "gchangePage('/Administrator/adminadd1')">
                  <el-tooltip class="item" effect="dark" content="添加" placement="right">
                  <i class="iconfont icontianjia"></i>
                  </el-tooltip>
              </el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-menu-item index="4" style='padding-left:20px!important;'>
            <el-tooltip class="item" effect="dark" content="主页" placement="right">
               <i class="iconfont iconzhuye1"></i>
            </el-tooltip>
          </el-menu-item>
        </el-menu>
  </div>
  <but></but>
</div>
</template>

<script>
import but from '../Common/but'
export default {
  name: 'gzujian',
  data () {
    return {

    }
  },
  components:{
    but,
  },
  methods:{
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    gchangePage(url) {
      this.$router.push({
        path: url
      })
    }
  }
}
</script>


<style lang="scss">
 @import "../../assets/css/yy";
 .gzujian {
    @extend %gg;
}




</style>
